---
title: Color Scheme (Light/Dark Mode)
description: Manage your components light, dark, and system color schemes.
lastModified: 2025-08-22
availableIn:
  - framework: 'next'
    url: '/docs/frameworks/next/styling/color-scheme'
    title: 'Next.js'
  - framework: 'react'
    url: '/docs/frameworks/react/styling/color-scheme'
    title: 'React'
---

<import>../../react/styling/color-scheme.mdx</import>
